/* Pineapple Blueboard - Assessments stylesheet */

#assessment_publication{
	margin-top: 30px;
}

#assessment_publication #txttitle{
	width: 300px;
	float: left;	
}

#assessment_publication #between{
	display: block;
	float: left;
	text-align: center;
	padding: 10px 10px;
}

#assessment_publication #txtdued{
	width: 70px;
	float: left;
	clear: none;
}

#assessment_publication #txtduet{
	width: 50px;
	float: left;
	clear: none;
}

#assessment_publication .lblabove{
	clear: both;
	padding-top: 10px;
	margin-bottom: 0;
}

#assessment_publication textarea{
	width: 100%;
	height: 100px;
	resize: none;
}

#assessment_publication #lblweig{
	width: 60px;
	float: left;
	padding: 10px 0;
}

#assessment_publication #txtweig{
	clear: none;
	width: 30px;
	float: left;
}

#assessment_publication #weigper{
	width: 200px;
	float: left;
	padding: 10px 0;
}

#assessment_publication #butpub, #assessment_publication #butcan{
	display: block; width: 100px; float: right; text-align: center; padding: 10px 0; font-size: 11pt; 
}

#assessment_publication #butpub{
	width: 150px;
	text-decoration: underline;
}

#ui-timepicker-div{
	font-size: 9pt;
}

#ui-timepicker-div td{
	padding: 5px;
	cursor: default;
	vertical-align: middle;
}

#ui-timepicker-div td td:hover{
	background-color: #7BA3C2;
}

#ui-timepicker-div td td:hover a{
	color: #FFF;
}

#ui-timepicker-div a:hover{
	text-decoration: none;
}

#ui-timepicker-div a.ui-state-active{
	font-weight: bold;
	color: #000;
}

#ui-datepicker-div{
	background-color: #EEE;
	font-size: 9pt;
	border: 1px solid #AAA;
	border-bottom-width: 2px;
	border-top-width: 2px;
	padding: 5px;
	display: none;
}

#ui-datepicker-div td:hover{background-color: #7BA3C2;}
#ui-datepicker-div td { padding: 5px; }
#ui-datepicker-div td:hover a{color: #FFF;}
#ui-datepicker-div a:hover{text-decoration: none;}
#ui-datepicker-div .ui-state-disabled{background-color: #FFF;}
#ui-datepicker-div .ui-state-disabled:hover{background-color: #FFF;}
#ui-datepicker-div a{cursor: default;}
.ui-datepicker-title{text-align: center;}
.ui-datepicker-prev{float:left; cursor: pointer;}
.ui-datepicker-next{float:right; cursor: pointer;}
#ui-datepicker-div td .ui-state-active{font-weight: bold; color: 000;}

#assessment_publication #warnbox{
	height: 33px;
	background: url(../images/aerror.png) #A75D5D no-repeat 10px 10px;
	color: #FFF;
	text-align: center;
	padding-top: 12px;
	margin-bottom: 10px;
}


  	#assessment_grid p.t1,#assessment_grid p.t1h{
  		padding-left: 30px;
  		color: #333;
  	}
  	#assessment_grid p.t1 a,#assessment_grid p.t1h a{
  		color: #333;
  	}
  	#assessment_grid p.t1h a{
  		text-decoration: underline;
  	}
  	#assessment_grid p.t2{
  		padding-left: 40px;
  		color: #999;
  	}
  	#assessment_grid .r, #assessment_viewer .r{
  		color: #DD0000;
  	}
  	#assessment_grid h1 a{
  		font-size: 10pt;
  		cursor: pointer;
  	}
  	#assessment_grid #atsplit1{
  		width: 50%;
  		float: left;	
  	}
  	#assessment_grid #atsplit2{
  		width: 50%;
  		float: right;	
  	}
  	
  	#assessment_grid #atsplit1 h3, #assessment_grid #atsplit2 h3{
  		margin-bottom: 40px;
  		color: #000;
  	}
  	
  	#assessment_grid ul{
  	list-style: none;
  	}
  	
  	#assessment_viewer h1 span{
  		font-size: 13pt;
  		color: #888;
  	}
  	
  	#assessment_viewer .lblabove{
  		padding-top: 10px;
  		font-size: 12pt;
  	}
  	
  	#assessment_grid.delete_select li a {
  		display: block;
  		background-color: #444;
  		background-image: linear-gradient(bottom, rgb(85,85,85) 0%, rgb(119,119,119) 100%);
		background-image: -o-linear-gradient(bottom, rgb(85,85,85) 0%, rgb(119,119,119) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(85,85,85) 0%, rgb(119,119,119) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(85,85,85) 0%, rgb(119,119,119) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(85,85,85) 0%, rgb(119,119,119) 100%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(85,85,85)),
			color-stop(1, rgb(119,119,119))
		); 
		float: left;
		text-shadow: #000 0px -1px 0px;
  		padding: 3px 20px;
  		margin: 3px;
  		clear: both;
  		color: #FFF;
  		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
  	}
  	
  	#assessment_grid.delete_select li a:hover{
  		text-decoration: none;
  		background-color: #000;
  		background-image: linear-gradient(bottom, rgb(51,51,51) 23%, rgb(0,0,0) 100%);
		background-image: -o-linear-gradient(bottom, rgb(51,51,51) 23%, rgb(0,0,0) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(51,51,51) 23%, rgb(0,0,0) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(51,51,51) 23%, rgb(0,0,0) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(51,51,51) 23%, rgb(0,0,0) 100%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.23, rgb(51,51,51)),
			color-stop(1, rgb(0,0,0))
		);
  	}
  	
  	#assessment_grid.delete_select li a span{
  		color: #AAA;
  	}
  	
  	#assessment_grid.delete_select li a span.r{
  		color: #CC7777;
  	}
  	
  	#assessment_grid.delete_select li a:hover span.r{
  		color: #CC4444;
  	}
  	
  	#assessment_grid #atsplit1 h4, #assessment_grid #atsplit2 h4{
  		margin-bottom: 10px;
  		font-size: 18px;
  		color: black;
  	}
  	
  	
  	
  	#assessment_grid.agv2 li a {
  		display: block;
  		background-color: #E2E2E9;
		float: left;
		text-shadow: #FFF 0px 1px 0px;
  		padding: 3px 20px;
  		margin: 3px;
  		clear: both;
  		color: #777;
  		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
  	}
  	
  	#assessment_grid.agv2 li a:hover{
  		text-decoration: none;
  		background-color: #FFF!important;
  	}
  	
  	#assessment_grid.agv2 li a span{
  		color: #AAA;
  	}
  	
  	#assessment_grid.agv2 li a span.r{
  		color: #CC7777;
  	}
  	
  	#assessment_grid.agv2 li a:hover span.r{
  		color: #CC4444;
  	}
  	
  	#assessment_grid #viewswitch{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		width: 123px;
		height: 31px;
		float: right;
		overflow: hidden;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-color: #333;
		background-image: linear-gradient(bottom, rgb(79,79,79) 0%, rgb(37,37,37) 85%);
		background-image: -o-linear-gradient(bottom, rgb(79,79,79) 0%, rgb(37,37,37) 85%);
		background-image: -moz-linear-gradient(bottom, rgb(79,79,79) 0%, rgb(37,37,37) 85%);
		background-image: -webkit-linear-gradient(bottom, rgb(79,79,79) 0%, rgb(37,37,37) 85%);
		background-image: -ms-linear-gradient(bottom, rgb(79,79,79) 0%, rgb(37,37,37) 85%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(79,79,79)),
			color-stop(0.85, rgb(37,37,37))
		);
	}
	
	#assessment_grid #viewswitch span{
		display: block;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		height: 31px;
		width: 41px;
		background-color: #999;
		background-image: linear-gradient(bottom, rgb(121,121,121) 0%, rgb(184,184,184) 85%);
		background-image: -o-linear-gradient(bottom, rgb(121,121,121) 0%, rgb(184,184,184) 85%);
		background-image: -moz-linear-gradient(bottom, rgb(121,121,121) 0%, rgb(184,184,184) 85%);
		background-image: -webkit-linear-gradient(bottom, rgb(121,121,121) 0%, rgb(184,184,184) 85%);
		background-image: -ms-linear-gradient(bottom, rgb(121,121,121) 0%, rgb(184,184,184) 85%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(121,121,121)),
			color-stop(0.85, rgb(184,184,184))
		);
	}
	
	#assessment_grid #viewswitch b{
		display: block;
		position: relative;
		top: -30px;
		left: 7px;
		background: url(../images/assessmentui.png) transparent no-repeat;
		width: 110px;
		height: 30px;
	}
	
	#assessment_grid #viewswitch.s1 span{
		margin-left: 41px;
	}
	
	#assessment_grid #viewswitch.s2 span{
		margin-left: 82px;
	}
	
	#assessment_grid.agv2 #atsplit1 h3, #assessment_grid.agv2 #atsplit2 h3{
  		margin-bottom: 10px;
  	}
  	
  	#assessment_viewer #bkbut{
  		display: block;
  		float: left;
  		clear: both;
  		margin-top: 10px;
  		margin-bottom: 30px;
  	}
  	
  	#assessment_viewer b.enc{
  		display: block;
  		float: left;
  		clear: both;
  		margin: 3px;
  		font-weight: 400;
  	}
  	
  	#assessment_viewer b.enc i{
  		display: block;
  		background-color: #CCC;
		text-shadow: #FFF 0px 1px 0px;
  		padding: 3px 20px;
  		color: #000;
  		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
  	}
  	
  	#assessment_viewer b.enc em{
  		color: #990000;
  	}
  	
  	#assessment_viewer h4{
  		margin-top: 40px;
  	}
  	
  	#assessment_viewer #subtitle{
  		height: 28px;
		background-image: linear-gradient(bottom, rgb(150,148,162) 36%, rgb(103,101,121) 100%);
		background-image: -o-linear-gradient(bottom, rgb(150,148,162) 36%, rgb(103,101,121) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(150,148,162) 36%, rgb(103,101,121) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(150,148,162) 36%, rgb(103,101,121) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(150,148,162) 36%, rgb(103,101,121) 100%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.36, rgb(150,148,162)),
			color-stop(1, rgb(103,101,121))
		);
		
		color: #FFF;
		text-shadow: #000 0px 1px 3px;
		text-align: center;
		padding-top: 7px;
		margin-top: 20px;
  	}
  	
  	#assessment_viewer ul{
  		list-style: none;
  		margin-bottom: 20px;
  	}
  	
  	#assessment_viewer li{
  		display: block;
  		height: 28px;
  		padding-top: 7px;
  		background-color: #FFF;
  	}
  	
  	#assessment_viewer li:nth-child(odd){
  		background-color: #F0F0F0;
  	}
  	
  	#assessment_viewer li b{
  		display: block;
  		float: left;
  		width: 33%;
  		text-align: center;
  	}
  	
  	#assessment_viewer li b span{
		color: #FF6666;
  	}
  	
  	#assessment_viewer li.head{
  		background-color: #DEDDE7;
  	}
  	
  	#assessment_viewer li a{
  		color: #555;
  		text-decoration: none;
  		cursor: default;
  	}
  	
  	#assessment_viewer li.solo{
  		height: 60px;
  		padding-top: 40px;
  		text-align: center;
  	}
  	
  	#assessment_mask{
  		background-color: rgba(0,0,0,0.7);
  		position: fixed;
  		height: 100%;
  		width: 100%;
  		top: 0px;
  		left: 0px;
  	}
  	
  	#assessment_mask div{
  		background: rgba(214,212,231,0.7) url(../images/greypine.png) no-repeat 15px 90px;
  		position: fixed;
  		width: 380px;
  		height: 230px;
  		top: 50%;
  		left: 50%;
  		margin: -125px 0 0 -190px;
  		padding-top: 20px;
  		text-align: center;
  		font-size: 13pt;
  		text-shadow: #222 0 1px 2px;
  		color: #FFF;
  		-moz-box-shadow: 0 0 15px #222;
		-webkit-box-shadow: 0 0 15px #222;
		box-shadow: 0 0 15px #222;
  	}
  	
  	#assessment_mask #msktx{
  		display: block;
  		width: 256px;
  		height: 30px;
  		background-color: #FFF;
  		font-size: 15pt;
  		border: none;
  		position: relative;
  		top: 40px;
  		left: 100px;
  	}
  	
  	#assessment_mask em{
  		display: block;
  		position: relative;
  		z-index: 100;
  		color: #000;
  		width: 40px;
  		height: 40px;
  		top: 55px;
  		left: 300px;
  		margin: 0px -40px -40px 0;
  		text-shadow: none;
  	}
  	
  	#mskb1, #mskb2{
  		width: 150px;
  		height: 28px;
  		background-image: linear-gradient(bottom, rgb(49,159,242) 100%, rgb(9,106,180) 0%);
		background-image: -o-linear-gradient(bottom, rgb(49,159,242) 100%, rgb(9,106,180) 0%);
		background-image: -moz-linear-gradient(bottom, rgb(49,159,242) 100%, rgb(9,106,180) 0%);
		background-image: -webkit-linear-gradient(bottom, rgb(49,159,242) 100%, rgb(9,106,180) 0%);
		background-image: -ms-linear-gradient(bottom, rgb(49,159,242) 100%, rgb(9,106,180) 0%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(1, rgb(49,159,242)),
			color-stop(0, rgb(9,106,180))
		);
		float: right;
		color: #FFF;
		text-shadow: #005394 0 -1px 0;
		margin: 0 1px;
		margin-top: 98px;
  		padding-top: 12px;
  		cursor: pointer;
  	}